﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="BigBanner.ascx.vb" Inherits="FrontEnd_Control_News_BigBanner" %>
<!-- slide news -->
<script type="text/javascript">


    $(document).ready(function () {
        $(".button-control action-stop").css("display", "none");
        var buttons = { previous: $('#jslidernews2 .button-previous'),
            next: $('#jslidernews2 .button-next')
        };
        $('#jslidernews2').lofJSidernews({ interval: 5000,
            easing: 'easeInOutQuad',
            duration: 1200,
            auto: true,
            mainWidth: 509,
            mainHeight: 300,
            navigatorHeight: 100,
            navigatorWidth: 250, //310
            maxItemDisplay: 3,
            buttons: buttons
        });
    });
			
</script>
<div class="box_bannerslide_news">
    <!------------------------------------- THE CONTENT ------------------------------------------------->
    <div id="jslidernews2" class="lof-slidecontent" style="width: 750px; height: 300px;">
        <div class="preload">
            <div>
            </div>
        </div>
        <div class="button-previous">
            Previous</div>
        <!-- MAIN CONTENT -->
        <div class="main-slider-content" style="width: 509px; height: 300px;">
            <ul class="sliders-wrap-inner">
                <asp:Repeater ID="rptShow" runat="server">
                    <ItemTemplate>
                        <li>
                            <asp:HyperLink ID="hplImg" runat="server">
                                <asp:Image ID="img" BorderWidth="0px" runat="server" />
                            </asp:HyperLink>
                            <div class="slider-description">
                                <div class="slider-meta">
                                    <asp:HyperLink ID="hplTile"   Target="_parent" runat="server">
                                         <asp:Literal ID="ltrTitle" Text="" runat="server"></asp:Literal>
                                        </i>
                                    </asp:HyperLink>
                                </div>
                                <h4>
                                    <%--<asp:Literal ID="ltrTitle" Text="" runat="server"></asp:Literal>--%>
                                </h4>
                                <p>
                                    <asp:Literal ID="ltrDes" Text="" runat="server"></asp:Literal>
                                    <asp:HyperLink ID="hplMore" CssClass="readmore" runat="server">Xem chi tiết</asp:HyperLink>
                                </p>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
        <!-- END MAIN CONTENT -->
        <!-- NAVIGATOR -->
        <div class="navigator-content">
            <div class="navigator-wrapper">
                <ul class="navigator-wrap-inner">
                    <asp:Repeater ID="rptNote" runat="server">
                        <ItemTemplate>
                            <li>
                                <div>
                                    <asp:Image ID="img" runat="server" />
                                    <h3>
                                        <asp:Literal ID="ltrTitle" Text="" runat="server"></asp:Literal>
                                    </h3>
                                    <asp:Label ID="lblDate" runat="server" Text=""></asp:Label>
                                    <asp:Literal ID="ltrDes" Text="" runat="server"></asp:Literal>
                                </div>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <!----------------- END OF NAVIGATOR --------------------->
        <div class="button-next">
            Next</div>
        <!-- BUTTON PLAY-STOP -->
        <div class="button-control">
            <span></span>
        </div>
        <!-- END OF BUTTON PLAY-STOP -->
    </div>                       
</div>




 
<%--<div id="slidorion">
        <div id="slider">
            <asp:Repeater ID="rtpPic" runat="server">
                <ItemTemplate>
                    <div id="slide<%# Container.ItemIndex + 1%>" class="slide">
                         <asp:HyperLink ID="hplTitle" runat="server">
                            <asp:Image ID="imgBig" runat="server" />
                        </asp:HyperLink>
                    </div>
                </ItemTemplate>
        
            </asp:Repeater>
        </div>
		

		<div id="accordion">
             <asp:Repeater ID="rptLabel" runat="server">
                <ItemTemplate>
                    <div class="link-header"><asp:HyperLink ID="ltrTitle" runat="server">Title</asp:HyperLink></div>
                    <div class="link-content">
                        <p>
                            <asp:Literal ID="ltrDescription" runat="server">Description</asp:Literal>
                        </p>
                    </div>
                </ItemTemplate>
             </asp:Repeater>
			
		    </div>
	</div>--%>
<!-- end slide news -->
